<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>伪元素选择器</title>
    <a href="../选择器首页.html">首页</a>
</head>
<header class="header">
    <body>

        <div class="c-wenben">
            <h3>《天龙八部》片段 </h3>
            <p>眼见那少年与中年汉子已拆到七十余招，剑招越来越紧，兀自未分胜败。突然中年汉子一剑挥出，用力猛了，身子微微一，似欲摔跌。西边宾客中一个身穿青衫的年轻男子忍不住“嗤”的一声笑。他随即知道失态，忙伸手按住了口。
            </p>
        </div>
        <style>
            h3{
                text-align: center
            }
            .c-wenben p::first-letter {
                font-size: 2em;
            }
            .c-wenben p::first-line {
                color: red;
            }
            .c-wenben{
                text-align:left
            }
            * {
                margin: 0;
                padding: 0;
                text-decoration: none;
                list-style: none;
            }
        </style>
    </body>

</html>